<template>
  <div class="user">
    <div class="headTwo">
      <div class="avatarImage">
        <img :src="userEv.headUrl"/>
      </div>
      <div class="headTwoRight">
        <p style="font-size: 18px">{{userEv.name}}</p>
        <p style="font-size: 14px"><i class="iconfont" style="color: #f4ea2a;">&#xe642;</i> {{userEv.totalMoney}}元 <span class="shuline"></span> <i class="iconfont" style="color: #d81e06;">&#xe641;</i> {{userEv.eventNumber}}个</p>
      </div>
      <router-link to="useredit"><i class="iconfont iconRight">&#xe61a;</i></router-link>
    </div>
    <div class="contentTwo">
      <div class="listOne">
        <i class="iconfont" style="color: #ff1111;">&#xe6d0;</i>
        <span class="juanzengjilu">捐赠记录</span>
        <router-link to="/userdonate"><i class="iconfont iconRight">&#xe61a;</i></router-link>
      </div>
      <div class="listOne">
        <i class="iconfont" style="color: #ff5912;font-size: 24px">&#xe643;</i>
        <span class="juanzengjilu">一起捐记录</span>
        <router-link to="/userproject"><i class="iconfont iconRight">&#xe61a;</i></router-link>
      </div>
      <div class="listOne">
        <i class="iconfont" style="color: #1d83b1;font-size: 20px;margin-left: 4px">&#xe9b0;</i>
        <span class="juanzengjilu">捐赠证书</span>
        <router-link to="/userbook"><i class="iconfont iconRight">&#xe61a;</i></router-link>
      </div>
      <div class="listOne">
        <i class="iconfont" style="color: #bf2c2c;font-size: 22px;margin-left: 4px">&#xe759;</i>
        <span class="juanzengjilu">通知中心</span>
        <router-link to="/notificationCenter"><i class="iconfont iconRight">&#xe61a;</i></router-link>
        <span v-show="userEv.unreadMsg != ''" class="messageT" style="float: right">有{{userEv.unreadMsg}}个新消息</span>
      </div>
      <div class="listOne">
        <i class="iconfont" style="color: #60b0d2;font-size: 22px;margin-left: 4px;position: absolute;top: 3px;">&#xe629;</i>
        <span class="juanzengjilu">关于青援筹</span>
        <i @click="goAboutqyc('guanyu')"  class="iconfont iconRight">&#xe61a;</i>
      </div>
      <div class="listOne">
        <i class="iconfont" style="color: #4ecb9c;font-size: 23px;margin-left: 4px">&#xe62a;</i>
        <span class="juanzengjilu">服务条款</span>
        <i @click="goAboutqyc('tiaokuan')" class="iconfont iconRight">&#xe61a;</i>
      </div>
    </div>
    <!--<div class="head">-->
      <!--&lt;!&ndash;<i class="iconfont head-icon">&#xe689;</i>&ndash;&gt;-->
      <!--亲青筹-->
    <!--</div>-->
    <!--<div class="user-head">-->
      <!--<img :src="userEv.headUrl"/>-->
      <!--<p>{{userEv.name}}</p>-->
      <!--<router-link to="useredit"><div class="right-edit">-->
           <!--<span><i class="iconfont head-icon">&#xe61b;</i>个人编辑</span>-->
      <!--</div></router-link>-->
    <!--</div>-->
    <!--<div class="pre-count">-->
      <!--<ul>-->
        <!--<li>-->
            <!--<p class="nub-count">{{userEv.totalMoney}}</p>-->
            <!--<p>捐款金额(元)</p>-->
        <!--</li>-->
        <!--<li>-->
            <!--<p class="nub-count">{{userEv.eventNumber}}</p>-->
            <!--<p>支持项目(个)</p>-->
        <!--</li>-->
        <!--<li>-->
            <!--<p class="nub-count">{{userEv.integral}}</p>-->
            <!--<p>我的积分</p>-->
        <!--</li>-->
      <!--</ul>-->
    <!--</div>-->
    <!--<div class="line"></div>-->
    <!--<div class="user-content">-->
      <!--<div class="fint-list">-->
         <!--<ul>-->
           <!--<router-link to="/userdonate"><li class="find-border-one">-->
             <!--<i class="iconfont head-icon">&#xe6d0;</i>-->
             <!--<p style="line-height: 8px">捐赠记录</p>-->
             <!--<p style="color: #c0c0c0;">(<span>1000000.23</span>元,<span>5000</span>个)</p>-->
           <!--</li></router-link>-->
           <!--<router-link to="/userproject"><li style="border-bottom:1px solid #ccc">-->
              <!--<i class="iconfont head-icon">&#xe62d;</i>-->
              <!--<p>一起捐记录</p>-->
           <!--</li></router-link>-->
           <!--<router-link to="/userbook"><li style="border-right:1px solid #ccc">-->
              <!--<i class="iconfont head-icon">&#xe9b0;</i>-->
              <!--<p>捐赠证书</p>-->
           <!--</li></router-link>-->
           <!--<router-link to="/notificationCenter"><li>-->
              <!--<i class="iconfont head-icon">&#xe759;<label v-show="userEv.unreadMsg != ''">{{userEv.unreadMsg}}</label></i>-->
              <!--<p>通知中心</p>-->
           <!--</li></router-link>-->
           <!--<li @click="goAboutqyc('guanyu')" style="border-top:1px solid #ccc;border-right:1px solid #ccc">-->
              <!--<i class="iconfont head-icon">&#xe629;</i>-->
              <!--<p>关于亲青筹</p>-->
           <!--</li>-->
           <!--<li @click="goAboutqyc('tiaokuan')" style="border-top:1px solid #ccc">-->
              <!--<i class="iconfont head-icon">&#xe62a;</i>-->
              <!--<p>服务条款</p>-->
           <!--</li>-->
         <!--</ul>-->
      <!--</div>-->
    <!--</div>-->


    <nav-bottom></nav-bottom>
  </div>
</template>

<script src="./userhome.js"></script>
